﻿@{
    ViewBag.Title = "图表";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/flot_chart")
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        <div class="flot-chart">
            <!-- page start-->
            <div class="row">
                <div class="col-lg-12">
                    <section class="panel">
                        <header class="panel-heading">
                            跟踪图
                        </header>
                        <div class="panel-body">
                            <div id="chart-1" class="chart"></div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            选择图
                        </header>
                        <div class="panel-body">
                            <div id="chart-2" class="chart"></div>
                        </div>
                    </section>
                </div>
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            实时图
                        </header>
                        <div class="panel-body">
                            <div id="chart-3" class="chart"></div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            售后服务
                        </header>
                        <div class="panel-body">
                            <div id="chart-4" class="chart"></div>
                        </div>
                    </section>
                </div>
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            柱形图
                        </header>
                        <div class="panel-body">
                            <div id="chart-5" style="height:350px;"></div>
                            <div class="btn-toolbar">
                                <div class="btn-group stackControls">
                                    <input type="button" class="btn btn-info" value="With stacking" />
                                    <input type="button" class="btn btn-danger" value="Without stacking" />
                                </div>
                                <div class="space5"></div>
                                <div class="btn-group graphControls">
                                    <input type="button" class="btn" value="Bars" />
                                    <input type="button" class="btn" value="Lines" />
                                    <input type="button" class="btn" value="Lines with steps" />

                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            饼图
                        </header>
                        <div class="panel-body">
                            <div id="graph1" class="chart"></div>
                        </div>
                    </section>
                </div>
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            饼图
                        </header>
                        <div class="panel-body">
                            <div id="graph2" class="chart"></div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            饼图
                        </header>
                        <div class="panel-body">
                            <div id="graph3" class="chart"></div>
                        </div>
                    </section>
                </div>
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            圆环图
                        </header>
                        <div class="panel-body">
                            <div id="donut" class="chart"></div>
                        </div>
                    </section>
                </div>
            </div>
            <!-- page end-->
        </div>
    </section>
</section>
<!--main content end-->